$title-size: 40rpx;
$title-color: #bd34fe;

button {
  font-weight: bold;
}
.clock-in {
    .user-avatar__name {
        font-size: 12px !important;
    }
}
.u-checkbox__label {
  font-size: 24rpx;
  line-height: 40rpx;
}
.u-checkbox__icon-wrap {
  border-color: #585858 !important;
  &--checked {
    border-color: #04b27c !important;
  }
}
.uicon-checkbox-mark:before {
  font-size: 20rpx;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block !important;
}
.safe-area-inset-bottom {
  padding-bottom: calc(24rpx + constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(24rpx + env(safe-area-inset-bottom)) !important;
}
.uni-popup__wrapper.bottom {
  background-color: #fff !important;
  padding-bottom: calc(24rpx + constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(24rpx + env(safe-area-inset-bottom)) !important;
  border-radius: 32rpx 32rpx 0 0 !important;
}
.u-btn-text {
  white-space: nowrap !important;
}
.active{
    .icon{
      background-size: cover;
    }
}
.u-drawer-top{
  border-radius: 0 0 16rpx 16rpx;
}

.empty-box {
  width: 100%;
  text-align: center;
  margin-top: 200rpx;
  .empty-img {
    width: 368rpx;
    height: 368rpx;
    display: block;
    margin: 0 auto;
  }
  .text {
    font-size: 28rpx;
    line-height: 40rpx;
    color: #8a8a8a;
  }
}
.number-costomer-box {
  .number-box {
    > .minus {
      width: 80rpx !important;
      height: 80rpx !important;
    }
    > .plus {
      width: 80rpx !important;
      height: 80rpx !important;
    }
    input {
      width: 104 * 2rpx !important;
      height: 80rpx !important;
      font-size: 30rpx !important;
      color: #262626;
      line-height: 36rpx !important;
    }
  }
}
.inner-box {
  width: 686rpx;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  .input-costomer {
    width: 334rpx;
    margin-right: 16rpx;
    .u-input {
      width: 334rpx;
      height: 80rpx;
      border-radius: 8rpx;
    }
  }
}
.search-box{
  .u-search{
    .u-content{
      border-radius: 16rpx !important;
    }
  }
}

  
